<template>
	<div class="lm-chatgpt-item">
		<chatgpt-item-header text="正在为您生成结果：活动量管理"></chatgpt-item-header>
		<div class="chatgpt-item-content">
			<div class="item-section-title">活动量管理</div>
			<div class="summary-month">本月</div>
			<common-table ref="commonTable" :tableConfig="tableConfig" :hasPage="false" :border="false"></common-table>
		</div>
	</div>
</template>

<script>
import ChatgptItemHeader from './chatgpt-item-header'
import CommonTable from '@/components/common/common-table.vue'
export default {
	name: 'ActivityVolumeItem',
	props: {
		item: Object
	},
	components: {
		ChatgptItemHeader,
		CommonTable
	},
	data() {
		return {
			// 表格配置
			tableConfig: {
				total: 0,
				pageNo: 1,
				pageSize: 10,
				tData: this.item.message.instance,
				tColumns: [
					{
						title: '环节',
						key: 'eventName',
						ellipsis: true,
					},
					{
						title: '目标值',
						key: 'monthGoal',
						ellipsis: true,
					},
					{
						title: '达成',
						key: 'finishGoal'
					},
					{
						title: '差距',
						key: 'difference'
					},
				],
			},
			
		}
	},
	computed: {
		
	},
	methods: {
		
	}
}
</script>

<style lang="scss" scoped>
.item-section-title{
	margin-bottom: 16px;
}
.summary-month{
	margin-bottom: 8px;
	font-weight: bold;
}
</style>